.page {
  padding: px(20) px(30);
  background-color: #fff;
  .avatar {
    width: px(80);
    height: px(80);
    border-radius: 50%;
  }

  .nickname {
    color: #433C3C;
  }

  .btn {
    font-size: px(14);
    font-weight: 500;
    color: #fff;
    
    width: 90%;
    height: px(40);
    margin: 0 5%;
    background: #FF445E;
    box-shadow: 0 px(2) px(6) 0 rgba(0, 0, 0, 0.12);
    border-radius: px(6);
  }

  .live_out {
		position: absolute;
		top: 0;
		left: 0;
		width: px(80);
		height: px(80);
		font-size: px(12);
		color: #fff;
		text-align: center;
		border-radius: 50%;
		background: rgba(0, 0, 0, 0.3);
	}

  .reflesh {
    padding: px(6) px(35);
    font-size: px(14);
    font-weight: 500;
    color: #FF445E;
    border-radius: px(2);
    border: px(1) solid #FF445E;
  }
  

  .mt-70 {
    margin-top: px(70);
  }

  .mt-30 {
    margin-top: px(30);
  }

  .mt-115 {
    margin-top: px(115);
  }

  .mt-130 {
    margin-top: px(130);
  }

  .mt-280 {
    margin-top: px(280);
  }

  .color-blue {
    color:#3784F8;
  }
}
